<form id="myFormOperador" class="formGeneralModel" action="<?php echo url_for('cronogramaC/new') ?>" method="post" enctype="multipart/form-data">
    <input type="hidden" name="servicio_tipo_id" id="servicio_tipo_id" value="<?php echo $servicio_tipo_id ?>">
<?php 
$cantidad_cronogramas       = "";
$comlumnasSimples           = "";
$comlumnasSimplesZona       = "";
$count                      = 0;
$infoBoxInput               = '';

//--------Cronograma Camioneta
          $cronogramaDato   = '';
          $zonaCronograma   = '';
          $indexArray       = '';
          
          
          $tituloZona       = '';
          $counterZona      = 1;
          $cantidadTotalActivosZona = 0;
        foreach ($zonas as $zona){
            
            $usuario = new Usuario();
            if($servicio_tipo_id){
                $usuariosActivosZona = 1;
                //$usuariosActivosZona = $usuario->getUsuarioStatus_por_servicio_por_zona($statusLlamada, $servicio_tipo_id, $zona->getId());
                $cantidadActivosZona = count($usuariosActivosZona);
            }else {
                $usuariosActivosZona = $usuario->getUsuarioStatus_por_zona($statusLlamada, $zona->getId());
                $cantidadActivosZona = count($usuariosActivosZona);
            }
            if($cantidadActivos!=0) {
            $cantidadTotalActivosZona +=$cantidadActivosZona;
            $porcentajeClienteZona = (($cantidadActivosZona * 100)/ $cantidadActivos);
            }else {
                $porcentajeClienteZona = 0;
            }
            
            $zonaCronograma[$zona->getId()] = $zona->getNombre();
            
            $comlumnasSimplesZona .=" ,#Zona_".$zona->getId();
            
            if($counterZona==1)
            $tituloZona                    .= '<tr>';
            
            
            $porcentajeClienteZona          = round($porcentajeClienteZona, 2)/100;
            $infoBox                        = "<div id=\"Zona_".$zona->getId()."\" title=\"Zona_".$zona->getId()."\" class=\"jwj-agendadoDragOn On\" style=\"padding: 3px;\"><p class=\"infoDragFontOp\">".$zona->getNombre()." [".round($rutas_disponibles*$porcentajeClienteZona, 0)."] </p></div>";
            $tituloZona                    .= '<td>['.$cantidadActivosZona.']</td><td class="dragCalendarioFilatdCalendario" >'.$infoBox.
                                              '<input type="hidden" name="opcion" id="zonaValor_'.$zona->getId().'" value='.round($rutas_disponibles*$porcentajeClienteZona, 0).'>
                                              </td>';           
            
            if($counterZona==2){
            $tituloZona                    .= '</tr>';
            $counterZona = 0;
            
            }
            
            $counterZona++;
            
        }
        
        if($counterZona==2){

            $tituloZona                    .= '<td></td><td></td></tr>';
        }
          
        foreach ($cronogramaCamionetas as $cronogramaCamioneta){
            
            $indexArray       = $cronogramaCamioneta->getCamionetaId().$cronogramaCamioneta->getSemanaId().$cronogramaCamioneta->getTurnoId().$cronogramaCamioneta->getDiaSemanaId();
            $cronogramaDato[$indexArray] = $zonaCronograma[$cronogramaCamioneta->getZonaId()];
            $cronogramaDatoId[$indexArray] = $cronogramaCamioneta->getZonaId();
        }
        
        

//--------Turnos de la Planta
          $counterTurno     =   0;
          $tituloTurno      =   '';
          $tituloTurnos     =   '';
          
        //--------Turnos de la Planta
        foreach ($turnosS as $turnoS) {
            
            $tituloTurno  .= '<th align="center">'.$turnoS.'</th>'; 
            $counterTurno++;
        }
        
//--------Dias de la Semana
          $counterDia       =   0;
          $tituloDias       =   '';

        //--------Dias de la Semana
        foreach ($diasS as $diaS) {
            
            $tituloDias    .= '<td align="center" colspan="2">'.$diaS.'</td>';
            $tituloTurnos  .= $tituloTurno;
            $counterDia++;
        }
   
        
//--------Semanas
          $counterSemana    =   0;
          $tituloSemanas    =   '';
          $indexArray       = ''; 
          $tituloCamionetas    =   '';
          
          
        //--------Semana
        foreach ($semanas as $semana) {
            
            $tituloSemanas .= '<tr>';
            $tituloSemanas .= '<th align="center" class="operadorCronograma" colspan="'.($counterTurno*$counterDia+1).'">Semana '.$semana.'</th>';
            $tituloSemanas .= '</tr>';

            
                //--------Camioneta
                $counterCamioneta    =   0;


                //--------Semana
                foreach ($camionetas as $camioneta) {


                    $tituloSemanas .= '<tr>';
                    $tituloSemanas .= '<td align="center" class="addEtiquetaTituloOperador ">'.$camioneta.'</td>';
                    
                    
                    
                    foreach ($diasS as $dia){
                        foreach ($turnosS as $turno){
                            
                            
                            
                            $indexArray       = $camioneta->getId().$semana->getId().$turno->getId().$dia->getId();
                            
                            //Concatenado de los Indices de Jquery Sortable
                            $comlumnasSimples .= ", #Spa".$indexArray;
                            
                            
                            if(empty($cronogramaDato[$indexArray])){ 
                                
                                $style = "style=\"border: solid 1px  #fff;
                                                  background: url(/images/callcenter/iconoBloqueado.png) repeat center, #ccc;\"";        
                                $infoBox = '';
                                $zonaValor = 0;
                                $zonaValorid = 0;
                                $classIntervalo         =  'connectedSortable';
                            }else{
                                $style              = '';
                                $zonaValor          = $cronogramaDato[$indexArray];
                                $zonaValorid        = $cronogramaDatoId[$indexArray];
                                $classIntervalo     = "jwj-agendadoDragOffs";
                                $infoBox    = "<div class=\"jwj-agendadoDragOn bdOn\" style=\"padding: 3px;\"><p class=\"infoDragFontOp\">".$cronogramaDato[$indexArray]."</p></div>";
                            }   
                           
$infoBoxInput   .= "<input type=\"hidden\" name=\"count[".$count."]\" value=\"".$count."\">
                    <input type=\"hidden\" name=\"valorCamioneta[".$count."]\" id=\"valorCamioneta$indexArray\" value=\"".$camioneta->getId()."\">
                    <input type=\"hidden\" name=\"valorSemana[".$count."]\" id=\"valorSemana$indexArray\" value=\"".$semana->getId()."\">
                    <input type=\"hidden\" name=\"valorTurno[".$count."]\" id=\"valorTurno$indexArray\" value=\"".$turno->getId()."\">
                    <input type=\"hidden\" name=\"valorDia[".$count."]\" id=\"valorDia$indexArray\" value=\"".$dia->getId()."\">  
                    <input type=\"hidden\" name=\"valorZona[".$count."]\" id=\"valorZona$indexArray\" value=\"".$zonaValorid."\">  
                                                    ";
                                $count++;
                                
                            $tituloSemanas .= '<td align="center" class="dragCalendarioFilatdCalendario '.$classIntervalo.'" '.$style.' id="Spa'.$indexArray.'" >
                                              '.$infoBox.'
                                              </td>';
                        }
                    
                    
                    }
                    
                    $tituloSemanas .= '</tr>';


                    $counterCamioneta++;

                }
            
            
            
            $counterSemana++;
            
        }
        
      

            
                    

?>


<table border="0" cellspacing="0" cellpadding="2" id="menuCalendarioCrono" >
    <tr>
        <td style="border:1px solid #ccc;">
            <table border="0" cellspacing="0" cellpadding="2" id="operadorContenedor">
                <tr>
                    <th class="operadorCronograma" colspan="4">Zonas / Ruta</th>
                    
                </tr>
                <tr>
                    <td colspan="4">
                        <select onchange="selectServicio()" id="servicio_tipo">
                                <optgroup label="Seleccione Negocio">
                                <option value="1">Estetica</option>
                                <option value="2">Veterinario</option>
                                <option value="3">Nutricion</option>
                                </optgroup>
                        </select>
                        <script type="text/javascript">
                            
                            $('#servicio_tipo option[value="<?php echo $servicio_tipo_id; ?>"]').attr('selected', true);
                           
                        </script>
                    </td>
                </tr>
                    
                    
                <tr><td colspan="4"></td></tr>
                <?php echo $tituloZona; ?>
                <tr><td colspan="4" align="center">
                        <input type="button" value="Resumen Rutas" id="ResumenRut"/> 
                        
                    </td></tr>
            </table>
        </td>
    </tr>
</table>



    
<table style="margin-top: 40px;" border="0" cellspacing="0" cellpadding="0" width="100%" id="operadorContenedor" >
    <tr>
        <td align="left">
            <table border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px; margin-bottom: 20px; margin-left: 20px" >
                <tr>
                    <td class="operadorCronograma">Calendario de Ruta </td>
                </tr>
                <tr>
                    <td align="left">
                        <table border="0" cellspacing="1" cellpadding="0">
                            <tr class="addEtiquetaTituloOperador dragCalendarioTitulo">
                                
                                <td rowspan="2" align="center">Camioneta</td>
                                    <?php echo $tituloDias; ?>
                            </tr>
                            <tr class="operadorServicio">
                                <?php echo $tituloTurnos; ?>
                            </tr>
                            <?php echo $tituloSemanas; ?>
                            
                        </table>
                        
                    </td>
                </tr>
            </table>
            
            
        </td>
    </tr>
</table>

    <div id="formBottom" class="borderRadiusBottom10">    
    
    <input type="submit" value="GUARDAR CALENDARIO" class="formBottomSubmit"/>
    <input type="button" value="BORRAR CALENDARIO" id="formBottomReset" onclick="borrarTodo();"/>
    
        <div class="clear"></div>    
    </div>

<?php echo $infoBoxInput; 

            

?>
  
    
</form>

<?php 
    

/*
<table border="1" cellspacing="4" cellpadding="4">
    <tr>
        <td class="calendarioTitulo borderRadiusTop5">Semamas</td>
        <td class="calendarioTitulo borderRadiusTop5">Camionetas</td>
        <?php  foreach ($diasS as $diaS) {?>
        <td colspan="<?php echo $turnosS->count(); ?>" class="calendarioTitulo borderRadiusTop5"><?php echo $diaS; ?></td>
        <?php } ?>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <?php foreach ($turnosS as $turnoS) {
          $tableTurno .='<td  class="calendarioTitulo borderRadiusTop5">'.$turnoS.'</td>';
         } 
         for($i=0; $i<$diasS->count(); $i++){
             echo $tableTurno;
         }
         ?>
    </tr>
    
    <?php foreach ($semanas as $semana) {?>
    <tr style="margin-top: 2px;">
        <td rowspan="<?php echo $camionetas->count(); ?>" class="calendarioSemana borderRadius10">Semana <?php echo $semana->getId(); ?></td>
        
        <?php foreach ($camionetas as $camioneta) {?>
        <td class="calendarioTurnoTitulo borderRadiusLeft10 <?php if($camioneta->getId()%2 == 0){ echo $color="calendarioTurnoOn";}else{ echo $color ="calendarioTurnoOff";} ?>"><?php echo $camioneta ; ?></td>
            
            <?php foreach ($diasS as $diaS) {?>
        
                <?php foreach ($turnosS as $turnoS) {?>
                <?php 
                    $cronogramaCamioneta = new CronogramaCamioneta();
                    $camionetasS = $cronogramaCamioneta->getCronogramaCamioneta($semana->getId(), $turnoS->getId(), $diaS->getId(), $camioneta->getId());
                    
                    if($camionetasS->count()){
                        
                        foreach ($camionetasS as $spa) { 
                            $cantidad_cronogramas++;
                            ?>
                            <td class="calendarioTurno <?php echo $color; ?>">          
                            <a class="calendarioZona borderRadius5" onclick="javascritp:LoadDashBoard('<?php echo url_for('cronogramaC/edit?id='.$spa->getId())?>')" href="#"><?php  echo $spa->getZona(); ?></a> 
                            </td>
                         <?php } 
                    }else { ?>
                        <td class="calendarioTurno <?php echo $color; ?>"><a class="calendarioZona borderRadius5" onclick="javascritp:LoadDashBoard('<?php echo url_for('cronogramaC/new?semana_id='.$semana->getId()."&turno_id=".$turnoS->getId()."&dia_semana_id=".$diaS->getId()."&camioneta_id=".$camioneta->getId())?>')" href="#">Nuevo</a> </td>
                    <?php }  
                         
                     }?>
             
        
        <?php } ?>
        
    </tr>
    <tr>
        <?php } ?>
    </tr>
    <?php } ?>
   
</table>

<?php * */ 
?>
<div id="resumen" style="display: none;">
<table border="0" cellspacing="2" cellpadding="2">
    <tr>
        <td class="calendarioTitulo borderRadiusTop5" colspan="2" >
            Resumen Rutas <a href="javascript:cerrarResumen()" style="color:#fff;float: right;">(Cerrar)</a>
        </td>
    </tr>
    <tr>
        <td  width="50px" align="center">(<?php echo $cantidad_camionetas ?>)</td>
        <td width="200px">Camionetas</td>
    </tr>
    <tr>
        <td align="center">(<?php echo $cantidad_turnosS ?>)</td>
        <td>Turnos</td>
    </tr>
    <tr>
        <td align="center">(<?php echo $dias_laborables; ?>)</td>
        <td>Dias Laborales</td>
    </tr>
    <tr>
        <td align="center">(<?php echo $cantidad_semanas; ?>)</td>
        <td>Semanas</td>
    </tr>
    <tr>
        <td align="center">(<?php echo $rutas_disponibles; ?>)</td>
        <td># Rutas</td>
    </tr>
    <tr>
        <td align="center">(<?php echo $cantidadActivos; ?>) </td>
        <td>Clientes Activos</td>
    </tr>
    <tr>
        <td align="center">(<?php echo $cantidadTotalActivosZona; ?>) </td>
        <td>Clientes Activos en Zona</td>
    </tr>
    
    
</table>
    </div>
        
<div id="demo1"></div>       
<script type="text/javascript">
    



    function sumarBox(idObjeto){
        
        var idZona       = $('#valorZona'+idObjeto).val();
        $('#valorZona'+idObjeto).val('0');
        var cantidadZona = $('#zonaValor_'+idZona).val();
            
            cantidadZona++; //Incremento el Box +1
            //Cambio de la Informacion del dato Cantidad por Zona
            $('#zonaValor_'+idZona).val(cantidadZona);
   
            var ObjetoContenido = $('#Zona_'+idZona+' p').html();
                ObjetoContenido = ObjetoContenido.split(" ");
                
            $('#Zona_'+idZona+' p').html(ObjetoContenido[0]+' ['+cantidadZona+']');
            
            
        
    }
    
    
 //Permite modificar el archivo fuente de la recibido             
   function dragReceive(event, ui){
        
        var idObjeto = $(this).attr('id');
        
        if($('#'+idObjeto+' .jwj-agendadoDragOn').hasClass('On')){
        
        var ObjetoClonado = $('#'+idObjeto+' .jwj-agendadoDragOn').attr('title');
        
        var ObjetoContenido = $('#'+ObjetoClonado+' p').html();
        
        ObjetoContenido = ObjetoContenido.split(" ");
        
        var idObjetoClonado = $('#'+idObjeto+' .jwj-agendadoDragOn').attr('title').match(/\d+/);
        
        var ObjetoId = ObjetoContenido[0];
        var ObjetoTotal = $('#zonaValor_'+idObjetoClonado).val()-1;
        
        
        $('#zonaValor_'+idObjetoClonado).val(ObjetoTotal);
        
        //Si el valor es negativo se coloca en rojo el Objeto Principal
        if(ObjetoTotal<0)
            $('#'+ObjetoClonado).css('background','red');
            //Se coloca Resultado de la Zona Nombre Zona / Numero
            $('#'+ObjetoClonado+' p').html(ObjetoId+' ['+ObjetoTotal+']');
            
            //Se coloca Solo el Nombre de Las Zonas
            $('#'+idObjeto+' .jwj-agendadoDragOn p').html(ObjetoId);
            
         
            $('#'+idObjeto+' .jwj-agendadoDragOn').removeClass('On');
            
            $('#'+idObjeto+' .jwj-agendadoDragOn').addClass('bdOn');
            
            var idID = idObjeto.match(/\d+/);
            
            $('#valorZona'+idID).val(idObjetoClonado);
            
            
            
        }
        
        
    }
$( "#null<?php echo $comlumnasSimples; ?>" ).sortable({
                    revert: true,
                    opacity: 0.9, 
                    placeholder: "jwj-agendadoHighlightCalendario",
                    cancel: ".jwj-agendadoDragOffs",
                    receive: dragReceive
                    
		}).sortable("option", "connectWith",".connectedSortable").disableSelection();
                
   
   
   //Permite modificar el archivo fuente de la clonacion             
   function dragReceiveZona(event, ui){
                
        //$(this).css('background','yellowgreen');
        
        
    }
                
$( "#null<?php echo $comlumnasSimplesZona; ?>" ).draggable({
                    helper: 'clone',
                    connectToSortable: ".connectedSortable",
                    revert: "invalid",
                    stop: dragReceiveZona
                    
		}).disableSelection();
                


$('.bdOn').dblclick(function(){

        var idObjeto = $(this).parent().attr('id');
            idObjeto = idObjeto.match(/\d+/);
            $(this).parent().removeClass('jwj-agendadoDragOffs');
            $(this).parent().addClass('connectedSortable');
            $(this).parent().attr('style', 'border: solid 1px  #fff;background: url(/images/callcenter/iconoBloqueado.png) repeat center, #ccc;');
            sumarBox(idObjeto);
            
            $(this).remove();
    
    });
    
function borrarTodo(){
    
        $(".bdOn").each(function(){

        var idObjeto = $(this).parent().attr('id');
            idObjeto = idObjeto.match(/\d+/);
            $(this).parent().removeClass('jwj-agendadoDragOffs');
            $(this).parent().addClass('connectedSortable');
            $(this).parent().attr('style', 'border: solid 1px  #fff;background: url(/images/callcenter/iconoBloqueado.png) repeat center, #ccc;');
            sumarBox(idObjeto);
            
            $(this).remove();
    
    });
}
    
function selectServicio(){
    var url                 =   '<?php echo url_for('cronogramaC/index')?>?servicio_tipo_id='+$('#servicio_tipo').val();
    $('#servicio_tipo_id').val($('#servicio_tipo').val());
    window.open(url,'_self');
}
         
         
                $('#ResumenRut').click(function(){
                    $('#resumen').slideDown();
                });
                
                function cerrarResumen(){
                    $('#resumen').slideUp();
                }
                
         
</script>